@charset "utf-8";
/* CSS Document */
body, div, span, ul, li, h1, h2, h3, h4, h5, h6, p, input, dl, dt, dd, p { margin: 0; padding: 0; border: 0; }
body{overflow-x: hidden;}
td, th {padding: 0;margin: 0;}
table {border-spacing: 0;border-collapse: collapse;}
* { padding: 0; margin: 0; /*box-sizing: border-box;*/ } 
body, table, td, tr, th, input, select { font: 14px/25px Arial, Helvetica, sans-serif; color: #333; font-family:'微软雅黑',Helvetica;}
li { list-style: none; }
img {padding: 0; margin: 0; border: 0;height: auto!important; max-width: 100%!important;/*image-rendering: -webkit-optimize-contrast;*/}
.clear { clear: both; visibility: hidden; }
a { color: #666; text-decoration: none }
a:hover{color: #00a0b2;}
.fl { float: left; }
.fr { float: right; }
i, cite, em { font-style: normal }
input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; outline: none }
h1 { font-size: 34px; line-height: 45px; }
h2 { font-size: 24px; line-height: 36px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 20px; }
h6 { font-size: 15px; }


/*********************/
.skinw { width: 100%; max-width: 1300px; margin: 0 auto; }
.wrapper{width: 100%; max-width: 1200px; margin: 0 auto;}
.container { margin: auto; width: 100%; max-width: 1200px; padding: 60px 0; overflow: hidden; }
@media (max-width:1199px) {
.container{width: 95%; margin: 0 auto;overflow: hidden;}
}

/*Header*/
.header{width:100%;height:100px;position: fixed;top: 0;background:#FFF;z-index: 5;box-shadow: 0 2px 6px rgba(0,0,0,0.2);}
.header .logo {float: left;display: block;margin-top: 10px;}
.header .logo img{float: left;display: block;}

.language{float:right;padding:36px 0;margin-left:35px;align-items:center;font-size: 18px;font-family:Arial;padding-left:30px;background:url(../images/icon-Hlang.png)no-repeat left center;}
.language a{color:#000;}
.language a:hover{text-decoration: underline;}
.language a:hover, .language .active {color: #D45C65;}

.Navlist{float: right;height: 100px;}
.nav{display: block;}
.nav>li{font-size: 16px;float:left;position: relative;}
.nav>li>p>a{padding: 0 26px;line-height: 100px;display: block;color: #333;position: relative;text-decoration: none;}
.nav>li>p:hover a, .nav>li>p a.selected{color:#FFF;background:#00a0b2;}
.nav>li:hover>ul{ opacity:1; visibility:visible; margin-top:0}
.nav_child{width: 140px;position:absolute;top:100%;left:50%;margin-left: -70px;z-index:10;opacity:0;visibility:hidden;margin-top:20px;background-color:#fff;transition:margin .15s, opacity .15s;box-shadow:0px 3px 20px 0px rgba(0,0,0,0.5);}
.nav_child>li{width:100%;border-bottom:1px solid #f1f1f1;text-align:center;}
.nav_child>li:first-child>a:after{content:'';position:absolute;height:0;width:0;left:50%;top:-6px;border:6px solid transparent; margin-left: -6px; border-top:0;border-bottom-color:inherit}
.nav_child>li:last-child{border:0}
.nav_child a{width:100%;border-color:#fff;line-height:50px;font-size: 13px;}
.nav_child a:hover{color:#00a0b2;}

.swiper-container {padding-top: 100px;}
.swiper-container img{display:block;width: 100%!important;image-rendering:pixelated;}

/*------------手机站导航开始----------*/
.hidden-g{display: none;}
.hidden-g { position: relative; }
.hidden-g .h-nav-g { position: fixed; left: 0; top: 0; z-index: 1000; width: 100%; height: 60px; background: #fff; transition: 300ms; -webkit-transition: 300ms; }
.hidden-g .h-nav-g img { max-height: 96%; margin-left: 15px; }
.hidden-g .h-nav-g .btn_i {display: block; position:absolute;right: 15px; top: 50%; -webkit-transform: translateY(-50%); transform:translateY(-50%); }
.hidden-g .h-nav-g .btn_i small, .hidden-g .h-nav-g .btn_i:before, .hidden-g .h-nav-g .btn_i:after {display: block;content: '';width:24px;height:2px;background:#00a0b2;border-radius: 4px;margin: 6px 0;}
.hidden-g .h-nav-g .btn_i_click small { opacity: 0; }
.hidden-g .h-nav-g .btn_i_click:before { transform: rotateZ(45deg); transform-origin: 0px 6px; }
.hidden-g .h-nav-g .btn_i_click:after { transform: rotateZ(-45deg); transform-origin: 5px -1px; }
.hidden-g .h-nav-g .i_tel { display: block; background-repeat: no-repeat; background-position: center; cursor: pointer; background-image: url(../images/tel.png); position: absolute; right: 15px; top: 0; height: 60px; width: 40px; }
.hidden-g .ul-small {background:#00a0b2; width:220px; height:100%; position:fixed; right:0; top:0; z-index:100; -webkit-transition:300ms; -webkit-transform:translateX(220px); transform:translateX(220px); transition:300ms; }
.hidden-g .ul-small input { width: 160px; line-height: 40px; background: #fff; border: 0; border-radius: 20px; margin: 20px 30px 0 30px; text-indent: 10px; }
.hidden-g .ul-small ul { margin-top: 20px; }
.hidden-g .ul-small ul li a { color: #fff; padding-left: 30px; padding-right: 30px; line-height: 50px; display: block; }
.hidden-g .translate {-webkit-transform: translateX(-220px);  transform: translateX(-220px); }
.hidden-g .translate2 {-webkit-transform: translateX(0); transform: translateX(0);  }

@media (max-width: 1024px) {
.header{ display: none; }
.hidden-g{display: block;}
.language {position: absolute;right: 80px;top: 20px;z-index: 100;padding: 0;padding-left: 30px;}
.swiper-container{padding-top: 60px}
.swiper-button-next, .swiper-button-prev{height:0;}
}



/*底部*/
.footer{overflow: hidden;}
.footcontain{padding: 35px 0 32px;background: #87ba2d;overflow: hidden;border-top: 1px solid #d0d0d0;}

.f_nav{padding-top:10px;padding-bottom: 20px;overflow: hidden;text-align: center;}
.f_nav a {font-size: 16px;color: #ffffff;line-height:40px;padding: 0 40px;}
.f_nav em{color: #ffffff;}
.f_nav em:last-child {display: none;}

.f_con{width:100%;}
.f_con p{text-align: center;color: #ffffff;}

.f_copy{padding: 20px 0;line-height: 20px;color:#ffffff;background: #d0d0d0;text-align: center;}
.f_copy a{color: #ffffff;}
.f_copy a:hover{text-decoration: underline;}

@media only screen and (max-width:1199px){
.footer .skinw{width: 95%; margin: 0 auto;overflow: hidden;}
}
@media only screen and (max-width:600px){

}